let pageArr = [5, 7, 9, 10, 20, 50];
let count = pageArr[0];
let page = 1; //当前页面
localStorage.setItem('count', 5);
let maxPage; //最大页
let dataId; //点击修改或删除的时候对应tr的id值
// console.log(Ses.getItem('count'), localStorage.getItem('page'), localStorage.getItem('maxPage'));
count = parseInt(localStorage.getItem('count'));
if (localStorage.getItem('page')) {
    page = parseInt(localStorage.getItem('page'));
}
if (localStorage.getItem('maxPage')) {
    maxPage = parseInt(localStorage.getItem('maxPage'));
}

// 渲染每页显示条数
// loc是渲染的位置${''},是一个jq对象节点,对应元素最好是li，可以使用boostrap里的下拉菜单；pageArr是渲染条数的数组
function showNum(pageArr, loc) {
    pageArr.forEach(item => {
        loc.append(`
                <li data-num="${item}">
                    <a href="#">每页显示 ${item} 条</a>
                </li> 
     `)
    })
}

// 点击页码跳转，func为要执行的渲染页面的函数
function showPage(func) {
    $('#menu_num').on('click', 'li', function() {
        count = parseInt($(this).attr('data-num'));
        page > maxPage ? page = maxPage : page = page;
        func();
        $('#menu_num').prev().html(`当前页显示${count}条 <span class="caret"></span>`);
        // localStorage.setItem('count', count);
    });
    $('.pagination').on('click', '.new_page', function() {
        page = parseInt($(this).children().text());
        $('.new_page').eq(page - 1).toggleClass("active");
        func();
        // localStorage.setItem('page', page);
        // localStorage.setItem('maxPage', maxPage);
    });
    // 上一页
    $('.pagination').on('click', '#page_left', function() {
        page > 1 ? page-- : page = 1
        $('.new_page').eq(page - 1).toggleClass("active");
        func();
        // localStorage.setItem('page', page);
        // localStorage.setItem('maxPage', maxPage);
    });
    // 下一页
    $('.pagination').on('click', '#page_right', function() {
        page < maxPage ? page++ : page = maxPage
        $('.new_page').eq(page - 1).toggleClass("active");
        func();
        // localStorage.setItem('page', page);
        // localStorage.setItem('maxPage', maxPage);
    });
}

// 删除
function delTab(urll, func) {
    $('tbody').on('click', '.btn_del', function() {
        console.log(this);
        if (confirm('是否确定删除？')) {
            dataId = $(this).parents('tr').attr('data-id');
            $.ajax({
                url: urll,
                method: 'post',
                data: { //获取删除的对象
                    id: dataId
                },
                success: (res) => {
                    console.log(dataId);
                    if (res.error) {
                        console.log(res.msg);
                    } else {
                        alert('删除成功!');
                        func();
                    }
                }
            })
        }
    })
}